


/* browser queries
================================================== */

	.skdslider .slide-desc {
    
    left: 100px;
    padding: 0 20px 0 20px;
    position: absolute;
    bottom: 25%;
    max-width: 50%;
	display:inline-block;
}

.skdslider .slide-desc > p {
    color: #FFFFFF;
    font-family: 'ralewaybold';
    font-size: 28px!important;
    line-height: 32px!important;
	letter-spacing:1.2pt!important;
    margin-top: 5px;
	text-shadow: 1px 1px 2px #000;
}
	
	.logos{display:none}
	.mobile{display:none}
	
	.desktop{display:block;}
	.device{display:none;}
	
	.bgtop{width:100%; padding:25px 0 10px 0;background-image:url(../images/patt2.png); z-index:2; 
	 overflow:hidden;}
	 .bgtop2{width:100%; padding:25px 0 0 0;background-image:url(../images/patt2.png); z-index:2; 
	 overflow:hidden;}
	.bgnav{background:#BF232E; width:100%; height:45px;}
	
	.logods{display:block; z-index:3; margin-top:-17px}
	.logods img{width:100%; height:auto;}
	
	.hcon{width:100%; padding:0; display:block;}
	.separ{width:100%; padding:0; display:none;}
	
	.penulis{ color: #FFFFFF;font-size: 18px!important;
    margin-top: 0px!important;
	letter-spacing:1.2pt!important;text-shadow: 1px 1px 2px #000;}
	
	.merch{width:92px; height:132px; position:fixed; cursor:pointer;
		  right:0; top:50%; z-index:10}
		  
		  
	.left{margin-left:0px; margin-right:0px; text-align:center; color:#fff;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px;
	text-transform:uppercase; font-weight:bold
	}	
	
	
	.left a{color:#fff; text-decoration:none;}
	.left a:hover{color:#FFC; text-decoration:none;}
	
	.lefti{text-align:center; color:#fff;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px;
	text-transform:uppercase;
	}	
	.lefti a{color:#fff; text-decoration:none;}
	.lefti a:hover{color:#FFC; text-decoration:none;}
	
	.mid{background:url(../images/separ.png); background-repeat:no-repeat;
		background-position:right;}
	
	.midi{display:none;}
	.ldev{display:none}		
	
	.subscribe-submit {
font-weight:lighter;
display: block;
position: absolute;
top: 4px;
right: 23px;
text-align: center;
height: 35px;
width:60px;
background: #888;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
color: #fff;
text-shadow: none!important;
border: none!important;
cursor: pointer;

  
  }
  
  .searchbar {
color: #fff;
font-size: 16px;

width: 100%;
}
/*searchbox*/
#tw-form{
font-family: 'bpreplayregular';

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
background: #f8f8f8;
width: 100%;
height:40px;


/*border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
border-bottom-left-radius: 6px 6px;*/

}

#tw-form #tw-input-text{
width: 80%;
float: left;
border: 0;
background: #fff;
color: #0D82C6;
line-height: 100%;
font-size: 12px;
font-family: 'bpreplayregular';
margin-top:3px;margin-bottom:3px;
height:34px;

}
#tw-input-texts{
width: 70%;
float: left;
border: 0;
background: #fff;
color: #0D82C6;
line-height: 100%;
font-size: 12px;
font-family: 'bpreplayregular';
margin-top:3px;margin-bottom:3px;
height:20px;

}
#tw-form #tw-input-text:focus{
outline:none;
color:#0D82C6;
}

#tw-form #tw-input-submit{
background: url(../images/search.png) no-repeat;
border: 0;
margin-top: 11px; margin-right:10px;
float: right;
width: 18px;
height:18px;
z-index: 100;
cursor: pointer;

/*border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
border-bottom-left-radius: 6px 6px;*/
}

#tw-input-texts{
width: 80%;
float: left;
border: 0;
background:none;
color: #444;
line-height: 100%;
font-size: 12px;
font-family: 'bpreplayregular';
margin-top:5px;margin-bottom:3px;
margin-left:8px;
}

.kirian{margin-left:30px!important;}
.kirians{margin-left:30px!important; }
/*end searchbox*/
	
	.webby2{ font-family: 'weblysleek_uisemibold'!important; font-size:12px!important; min-height:155px; margin-top:10px;} 

/*browser Regular size*/


/*==========================end of browser queries======================== */




	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	.webby2{ font-family: 'weblysleek_uisemibold'!important; font-size:12px!important; min-height:180px; margin-top:10px;} 
		
	.hcon{width:100%; padding:0; display:block;}
	.separ{width:100%; padding:0; display:none;}
	.skdslider .slide-desc {
    
    left: 100px;
    padding: 0 20px 0 20px;
    position: absolute;
    bottom: 25%;
    max-width: 50%;
	display:inline-block;
}
	.desktop{display:block;}
	.bgtop{width:100%; padding:25px 0 10px 0;background-image:url(../images/patt2.png); z-index:2; 
	 overflow:hidden;}
	 .logos{display:none}
	 .device{display:none;}
	 .midi{display:block;}
	 .ldev{display:none}
	 .bgnav{background:#BF232E; width:100%; height:45px;}
	 .mobile{display:none}
	 
	 .subscribe-submit {
font-weight:lighter;
display: block;
position: absolute;
top: 4px;
right: 20px;
text-align: center;
height: 35px;
width: 60px;
background: #888;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
color: #fff;
text-shadow: none!important;
border: none!important;
cursor: pointer;

  
  }
  
  .mid{background:url(../images/separ.png); background-repeat:no-repeat;
		background-position:right;}
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		
		.skdslider .slide-desc {
    
    left: 80px;
    padding: 0 20px 0 20px;
    position: absolute;
    bottom: 25%;
    max-width: 50%;
	display:inline-block;
}

#tw-input-texts{
width: 75%;
float: left;
border: 0;
background: none;
color: #555;
line-height: 100%;
font-size: 12px;
font-family: 'bpreplayregular';
margin-top:6px;margin-bottom:3px;
margin-left:8px;
}

		.logos img{width:100%; height:auto;}
		.desktop{display:none;}
		.logos{width:420px; margin:0 auto; text-align:center;display:block}
		.device{display:none;}
		.midi{background:url(../images/separ.png); background-repeat:no-repeat;
		background-position:right; display:block}
		
		.bgtop{width:100%; padding:15px 0 10px 0;background-image:url(../images/patt2.png); z-index:2; 
	 overflow:hidden;}
	 .ldev{display:none}
	 .bgnav{background:#BF232E; width:100%; padding:0; overflow:hidden}
	 .mobile{display:block}
	 .subscribe-submit {
font-weight:lighter;
display: block;
position: absolute;
top: 4px;
right: 15px;
text-align: center;
height: 35px;
width: 60px;
background: #888;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
color: #fff;
text-shadow: none!important;
border: none!important;
cursor: pointer;

  
  }
  .bgnav{display:none}
  .mid{background:url(../images/separ.png); background-repeat:no-repeat;
		background-position:right;}
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.webby2{ font-family: 'weblysleek_uisemibold'!important; font-size:12px!important; min-height:140px; margin-top:10px;} 
		.hcon{width:100%; padding:0; display:inline-block; position:relative}
		.separ{width:100%; padding:0; display:block;}
		.skdslider .slide-desc {
    
    left: 0px;
    padding: 0 20px 0 20px;
    position: absolute;
    bottom: 15%;
    max-width: 90%;
	display:inline-block;
	
}
.logos{display:none}
.device{display:none;}
.mobile{display:block}
.ldev{width:300px; margin:0 auto; text-align:center;display:block}

	
	.skdslider .slide-desc > p {
    color: #FFFFFF;
    font-family: 'ralewaybold';
    font-size: 18px!important;
    line-height: 20px!important;
	letter-spacing:1.2pt!important;
    margin-top: 5px;
	text-shadow: 1px 1px 2px #000;
}
	
	.penulis{ color: #FFFFFF;font-size: 14px!important;
    margin-top: 0px!important;
	letter-spacing:1.2pt!important;text-shadow: 1px 1px 2px #000;}
	
	.desktop{display:none;}
	 .bgnav{display:none}
	
	.subscribe-submit {
font-weight:lighter;
display: block;
position: absolute;
top: 4px;
right: 25px;
text-align: center;
height: 35px;
width: 60px;
background: #888;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
color: #fff;
text-shadow: none!important;
border: none!important;
cursor: pointer;

  
  }
	
		}
		
		

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 600px) {
		
		.skdslider .slide-desc > p {
    color: #FFFFFF;
    font-family: 'ralewaybold';
    font-size: 25px!important;
    line-height: 26px!important;
	letter-spacing:1.2pt!important;
    margin-top: 5px;
	text-shadow: 1px 1px 2px #000;
}
	.skdslider .slide-desc {
    
    left: 0px;
    padding: 0 20px 0 20px;
    position: absolute;
    bottom: 20%;
    max-width: 90%;
	display:inline-block;
}

.desktop{display:none;}

.subscribe-submit {
font-weight:lighter;
display: block;
position: absolute;
top: 4px;
right: 25px;
text-align: center;
height: 35px;
width: 60px;
background: #888;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
color: #fff;
text-shadow: none!important;
border: none!important;
cursor: pointer;
  
  }
  
 
  
  .subscribe-submit:hover {background:#858585!important;}

		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.subscribe-submit {
font-weight:lighter;
display: block;
position: absolute;
top: 4px;
right: 13px;
text-align: center;
height: 35px;
width: 60px;
background: #888;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
color: #fff;
text-shadow: none!important;
border: none!important;
cursor: pointer; 
  }	
		}

